@foreach($replies as $index => $reply)
    <div class="tt-item">
        <div class="tt-single-topic">
            <div class="tt-item-header pt-noborder">
                <div class="tt-item-info info-top">
                    <div class="tt-avatar-icon">
                        <i class="tt-icon">
                            <img src="{{ $reply->user->avatar }}"
                                 class="img-responsive img-circle" width="50px" height="50px" alt="{{ $reply->user->name }}">
                        </i>
                    </div>
                    <div class="tt-avatar-title">
                        <a href="{{ route('users.show',$reply->user_id) }}">{{ $reply->user->name }}</a>
                    </div>
                    <a href="#" class="tt-info-time">
                        <i class="fa fa-clock"></i> {{ $reply->created_at->diffForHumans() }}
                    </a>
                </div>
            </div>
            <div class="tt-item-description">
                {!! $reply->content !!}
            </div>
            {{--回复删除按钮--}}
            @can('destroy',$reply)
                <div class="tt-item-info info-bottom">
                    <form action="{{ route('replies.destroy', $reply->id) }}"
                          onsubmit="return confirm('确定要删除此评论？');"
                          method="post">
                        {{ csrf_field() }}
                        {{ method_field('DELETE') }}
                        <button type="submit" class="btn btn-danger btn-xs pull-left text-white">
                            <i class="far fa-trash-alt"></i>删除
                        </button>
                    </form>
                </div>
            @endcan
            {{--<div class="tt-item-info info-bottom">--}}
                {{--<a href="#" class="tt-icon-btn">--}}
                    {{--<i class="tt-icon">--}}
                        {{--<svg>--}}
                            {{--<use xlink:href="#icon-like"></use>--}}
                        {{--</svg>--}}
                    {{--</i>--}}
                    {{--<span class="tt-text">671</span>--}}
                {{--</a>--}}
                {{--<a href="#" class="tt-icon-btn">--}}
                    {{--<i class="tt-icon">--}}
                        {{--<svg>--}}
                            {{--<use xlink:href="#icon-dislike"></use>--}}
                        {{--</svg>--}}
                    {{--</i>--}}
                    {{--<span class="tt-text">39</span>--}}
                {{--</a>--}}
                {{--<a href="#" class="tt-icon-btn">--}}
                    {{--<i class="tt-icon">--}}
                        {{--<svg>--}}
                            {{--<use xlink:href="#icon-favorite"></use>--}}
                        {{--</svg>--}}
                    {{--</i>--}}
                    {{--<span class="tt-text">12</span>--}}
                {{--</a>--}}
                {{--<div class="col-separator"></div>--}}
                {{--<a href="#" class="tt-icon-btn tt-hover-02 tt-small-indent">--}}
                    {{--<i class="tt-icon">--}}
                        {{--<svg>--}}
                            {{--<use xlink:href="#icon-share"></use>--}}
                        {{--</svg>--}}
                    {{--</i>--}}
                {{--</a>--}}
                {{--<a href="#" class="tt-icon-btn tt-hover-02 tt-small-indent">--}}
                    {{--<i class="tt-icon">--}}
                        {{--<svg>--}}
                            {{--<use xlink:href="#icon-flag"></use>--}}
                        {{--</svg>--}}
                    {{--</i>--}}
                {{--</a>--}}
                {{--<a href="#" class="tt-icon-btn tt-hover-02 tt-small-indent">--}}
                    {{--<i class="tt-icon">--}}
                        {{--<svg>--}}
                            {{--<use xlink:href="#icon-reply"></use>--}}
                        {{--</svg>--}}
                    {{--</i>--}}
                {{--</a>--}}
            {{--</div>--}}
        </div>
    </div>
@endforeach